<template>
    <div>
      <h3>回顾ts</h3>
    </div>
  </template>
  
  <script setup lang="ts" name="Demo15">
  import { ref, reactive, isReactive } from "vue";
  import { type PersonInter, type newPerson,type happy } from "@/types/demo15";

  let weather = ref<string>("晴天");
  
  
  function fn5<T extends happy>(a:T):T {
          return a;
      }
  
    console.log( fn5({jump:'0'}));
  
  let person: PersonInter = reactive({
    name: "孙悟空",
    age: 10,
    sex: "男",
    hobby: "睡觉",
  });
  let list: newPerson = reactive([
    {
      name: "孙悟空",
      age: 10,
      sex: "男",
      hobby: "睡觉",
    },
    {
      name: "孙悟空",
      age: 10,
      sex: "男",
      hobby: "睡觉",
    },
    {
      name: "孙悟空",
      age: 10,
      sex: "男",
      hobby: "睡觉",
    },
  ]);
  </script>
  <style lang="scss" scoped></style>